<template>
	<view v-if="show" class="empty-area">
		<image src="../../static/imgs/empty.jfif" mode=""></image>
		<text>空空如也~~</text>
	</view>
</template>

<script>
	export default {
		name:"shop-empty",
		props: {
			// 是否展示为空的组件
			show: {
				type: Boolean,
				require: true
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.empty-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	
	.empty-area image {
		width: 300rpx;
		height: 300rpx;
		margin-bottom: 20rpx;
	}
</style>